@import (reference) url("../../setting.less");

.page {
    .collspan-icon {
        width: 30px;
        height: 30px;
        float: left;
    }

    .right-tool-bar {
        right: 400px;
        bottom: 200px;
        position: absolute;
    }

    .header {
        height: 94px;
        display: flex;
        justify-content: space-between;
        .header-logo {
            width: 1036px;
            height: 94px;
        }
        .header-info {
            flex: 1;
            max-width: 505px;
            height: 37px;
            margin-right: 44px;
        }
    }
    .footer-left {
        width: 363px;
        height: 363px;
        position: absolute;
        left: -80px;
        bottom: -80px;
        svg {
            width: 363px;
            height: 363px;
        }
        .button-main {
            width: 363px;
            height: 363px;
        }
    }
    .page-side {
        top: 120px;
        position: absolute;
        bottom: 380px;
        &-left {
            display: flex;
            left: 0;
            & > div {
                max-height: 100%;
                overflow: auto;
                &::-webkit-scrollbar {
                    display: none;
                }
            }
            & > div:last-child {
                align-self: flex-end;
            }
        }
        &-right {
            bottom: 90px;
            overflow-y: auto;
            right: 24px;
            &::-webkit-scrollbar {
                display: none;
            }
        }
    }
}

.primary-menu-group {
    margin-left: 100px;
    .ui-button {
        margin-bottom: 20px;
    }
}

.second-menu-group {
    position: absolute;
    bottom: 20px;
    height: 60px;
    left: 50%;
    transform: translateX(-50%);
    .ui-button {
        margin-right: 20px;
    }
}
